<template>
	<div>
		<Header />
		<Sidebar />
		<div class="content-box">
			<div class="content">
				<router-view></router-view>
			</div>
		</div>
	</div>
</template>
<script setup>
	import Header from "/comps/Header.vue";
	import Sidebar from "/comps/Sidebar_maintenance.vue";
</script>
<style scoped>
.content-box {
		position: absolute;
		left: 11%;
		right: 0.5%;
		top: 70px;
		bottom: 0;
		-webkit-transition: left 0.3s ease-in-out;
		transition: left 0.3s ease-in-out;
		background: #f0f0f0;
	}

	.content-collapse {
		left: 65px;
	}

	.content {
		width: auto;
		height: 100%;
		box-sizing: border-box;
		background: #efefef;
		overflow-y: auto;
	}
</style>
